<template>
	<view>
		子组件
		<!-- 1 -->
		<button @click="$emit('add',Math.random())">按钮</button>

		<!-- 2 -->
		<button @click="onClick">按钮</button>


		<input type="text" @input="onInput" />
	</view>
</template>

<script setup>
	const emit = defineEmits(["add", "change"])

	function onClick() {
		emit("add", Math.random())
	}




	function onInput(e) {
		emit("change", e.detail.value)
	}
</script>

<style lang="scss">
	input {
		border: 1px solid #cfcfcf;
		height: 40px;
	}
</style>